<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>我的同游报名详情</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/usercenter/wode_tongyou_baomingdetail.js"></script>
    </head>
    <body ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i>
            <h1>同游详情</h1>
            <span class="ui-header-right"><i class="ui-icons-share w_fxx"></i></span>
        </header>
        <div class="w_fxaa">
        	<div class="w_fengx"></div>
        	<div class="w_fxbox">
            	<a href="index.html"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript" ></script>
        <script type="text/javascript">
			//分享
			Zepto(".w_fxx").tap(function(){
                //Zepto(".w_fxaa").show();
                shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
            });
			//Zepto(".w_fengx").tap(function(){
              //  Zepto(".w_fxaa").hide();
            //});
        </script> 
        <section class="ui-container mb50">
            <div class="ui-user-follow ui-border-b clearfix">
                <div class="ui-user-follow-info clearfix">
                    <div class="ui-user-avatar">
                        <img src="img/order_list_pic.jpg" width="55" height="55" alt="">
                    </div>
                    <div class="ui-user-intro">
                        <p>Melanie-ghost<span class="sex sex-male"><i class="icons-sex-male"></i>22</span></p>
                        <p>魅力值 : <span class="ui-txt-red">2000</span></p>
                    </div>
                </div>
                <div class="ui-user-follow-button text-align-right">
                    <div class="ui-act-ing">进行中</div>
                </div>
            </div>
            <script type="text/javascript"></script>
            <div class="ma_tab">
                <ul class="w_tab_title clearfix w_atb">
                    <li class="ma_active">详细行程</li>
                    <li>20人看过</li>
                    <li>评论20</li>
                    <li>20人已报名</li>
                </ul>
                <div class="ma_con01">
                        <ul class="item-list ui-border-bottom">
                        <li><i class="icons-item-start"></i>开始时间：2015-06-12</li>
                        <li><i class="icons-item-end"></i>结束时间：2015-06-16</li>
                        <li><i class="icons-item-with"></i>同游类型：限男生</li>
                        <li><i class="icons-item-position"></i>出发地点：武林门</li>
                        <li><i class="icons-item-target"></i>目标景点：西湖，灵隐，雷峰塔</li>
                        <li><i class="icons-item-way"></i>出行方式：自由行</li>
                        <li><i class="icons-item-number"></i>同游人数：20人</li>
                        <li><i class="icons-item-contact"></i>联系方式：13068829888</li>
                        <li><i class="icons-item-score"></i>同游亮点：提供顺风车</li>
                    </ul>
                    <div class="ui-intro">
                        <h2>景点介绍</h2>
                        <p>
                            青海原本定的是包车三日游，四人拼车，车费每人每天150。下面是拼车司机给的行程，其实当地拼车游基本就是这些行程。也可以到当地青旅或者火车站找包车，多得很。
        青海湖3日游：西宁--湟源--日月山--倒淌河--青海湖151--黑马河--茶卡盐湖--黑马河（住宿）；次日在黑马河看日出后--鸟岛--刚察--祈连！住祈连 卓尔山 祈连草原 门源万亩油菜花 大通回西宁；
                        <img src="img/pic.png" alt="">
                        </p>
                    </div>
                </div>
                <div class="ma_con02">
                    <ul class="order-list">
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="ma_con03">
                	<ul class="comment-list">
                        <li class="ui-border-b">
                            <div class="comment-list-avatar">
                                <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                            </div>
                            <div class="comment-list-content">
                                <div class="comment-list-content-text">
                                    <div class="clearfix">
                                        <div class="comment-list-content-user">
                                            Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span>
                                        </div>
                                        <div class="comment-list-content-time">
                                            <p>刚刚 08:30</p>
                                        </div>
                                    </div>
                                    <p class="color666 fz12">请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗</p>
                                </div>
                            </div>
                        </li>
                        <li class="ui-border-b">
                            <div class="comment-list-avatar">
                                <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                            </div>
                            <div class="comment-list-content">
                                <div class="comment-list-content-text">
                                    <div class="clearfix">
                                        <div class="comment-list-content-user">
                                            Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span>
                                        </div>
                                        <div class="comment-list-content-time">
                                            <p>刚刚 08:30</p>
                                        </div>
                                    </div>
                                    <p class="color666 fz12">请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗</p>
                                </div>
                            </div>
                        </li>
                        <li class="ui-border-b">
                            <div class="comment-list-avatar">
                                <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                            </div>
                            <div class="comment-list-content">
                                <div class="comment-list-content-text">
                                    <div class="clearfix">
                                        <div class="comment-list-content-user">
                                            Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span>
                                        </div>
                                        <div class="comment-list-content-time">
                                            <p>刚刚 08:30</p>
                                        </div>
                                    </div>
                                    <p class="color666 fz12">请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗</p>
                                </div>
                            </div>
                        </li>
                        <li class="ui-border-b">
                            <div class="comment-list-avatar">
                                <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                            </div>
                            <div class="comment-list-content">
                                <div class="comment-list-content-text">
                                    <div class="clearfix">
                                        <div class="comment-list-content-user">
                                            Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span>
                                        </div>
                                        <div class="comment-list-content-time">
                                            <p>刚刚 08:30</p>
                                        </div>
                                    </div>
                                    <p class="color666 fz12">请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗</p>
                                </div>
                            </div>
                        </li>
                        <li class="ui-border-b">
                            <div class="comment-list-avatar">
                                <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                            </div>
                            <div class="comment-list-content">
                                <div class="comment-list-content-text">
                                    <div class="clearfix">
                                        <div class="comment-list-content-user">
                                            Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span>
                                        </div>
                                        <div class="comment-list-content-time">
                                            <p>刚刚 08:30</p>
                                        </div>
                                    </div>
                                    <p class="color666 fz12">请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗</p>
                                </div>
                            </div>
                        </li>
                        <li class="ui-border-b">
                            <div class="comment-list-avatar">
                                <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                            </div>
                            <div class="comment-list-content">
                                <div class="comment-list-content-text">
                                    <div class="clearfix">
                                        <div class="comment-list-content-user">
                                            Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span>
                                        </div>
                                        <div class="comment-list-content-time">
                                            <p>刚刚 08:30</p>
                                        </div>
                                    </div>
                                    <p class="color666 fz12">请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="ma_con04">
                	<ul class="order-list order-list-grey">
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz14">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                    </ul>                    
                </div>
            </div>            
        </section>
        <div class="album-bottom-menu">
            <ul class=" clearfix">
                <li class="ui-border-r"><a href="tongyou_pinglun.html"><i class="album-bottom-menu-comment"></i>评论</a></li>
                <li class="ui-border-r"><a href=""><i class="album-bottom-menu-chat"></i>聊天</a></li>
                <li><a href=""><i class="album-bottom-menu-apply"></i>取消报名</a></li>
            </ul>
        </div>
        <script>
        // tab
        $(function () {
           $('.w_tab_title li').click(function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('ma_active').siblings().removeClass('ma_active');
                //显示对应的div
                $('.ma_tab').children('div').eq(Index).show().siblings('div').hide();
           
           });
        });
        </script>
    </body>
</html>
